<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>成为家庭服务师</title>
    <link rel="stylesheet" type="text/css" href="../js/cube-ui/cube.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/member-applyFamily201907041520.css">
    <link rel="stylesheet" type="text/css" href="../css/component/choiceAddress.css"/>
</head>

<body>
    <div class="app-shell" id="family" v-cloak>
        <div class="family-main">
            <div class="family-header">
                <i class="family-goback" @click="goback()">返回</i>{{headerTitle}}
            </div>

            <div class="agreement-container" v-if="showType === 0">
                <div class="agreement-content">
                    <cube-scroll
                        ref="agreementScroll">
                        <div class="agreement-scrollBox">
                            <p class="agreement-bold">甲方(公司)：零米生活科技(深圳)股份有限公司</p>
                            <p>办公地址：广东省深圳市龙华新区清湖振华时代大厦13层</p>
                            <p>办公电话：0755-21057870</p>
                            <p class="agreement-marginTop"></p>
                            <p class="agreement-bold">乙方(个人)：家庭服务师 </p>
                            <p class="agreement-marginTop"></p>
                            <p>甲方和乙方本着自愿、平等、公平、诚实、信用的原则，经友好协商，根据中华人民共和国有关法律、法规的规定签订本协议，并由双方共同遵守。双方应本着善意解释和履行本协议，特别应当尽其全力，彼此应表明其谨慎、忠实和合作。双方同意，在协议范围内，双方的关系确定为合作关系。协议内容如下：</p>
                            <p>1、乙方自愿以甲方的家庭服务师身份成为合作个人，不直接或间接构成劳动关系。</p>
                            <p>2、甲方根据乙方的业绩收入支付乙方佣金。具体支付标准按甲方公布的《家庭服务师管理办法》和零（X）字第1906004号《关于促进家庭服务师团队孵化的通知》执行。甲方根据业务发展需要可以统一对佣金标准进行调整，并予公布。</p>
                            <p>3、对于甲方同意乙方所开展之业务，甲方与乙方将按期结算乙方因从事本协议项下的业务而应向甲方收取的费用，具体费用计算时间、结算规则、支付周期及支付方式以甲方通知为准。佣金支付前，如需开具发票，乙方有义务向甲方开具合规发票。</p>
                            <p>4、在合作期间，乙方代甲方收取的各项费用需在24小时内支付给就近去哪买区域服务网点。无论本协议是否终止，凡产生用户退款，乙方无权获得相应佣金，如已领取必须退回。</p>
                            <p>5、甲方权利</p>
                            <p>(1)有权制定和修改各项管理办法和规章制度，随时对佣金及其他待遇的有关规定进行修改与补充，并通知乙方。</p>
                            <p>(2)有权对乙方的销售行为进行监督、管理、检查，有权对乙方的工作情况进行考核奖惩。</p>
                            <p>(3)有权代扣乙方应缴纳的税款。</p>
                            <p>6、甲方义务</p>
                            <p>(1)向乙方支付佣金。</p>
                            <p>(2)向乙方提供开展业务所必要的帮助。</p>
                            <p>(3)为乙方提供必要的培训。</p>
                            <p>7、乙方权利</p>
                            <p>(1)在甲方授权范围内开展相关业务。</p>
                            <p>(2)要求甲方支付佣金。</p>
                            <p>(3)要求甲方提供有关培训。</p>
                            <p>8、乙方义务</p>
                            <p>(1)应遵守甲方制定的与乙方开展业务相关的规章制度。</p>
                            <p>(2)应达到甲方确定的相关业绩标准。</p>
                            <p>(3)承担与开展业务相关的一切费用及因乙方操作不当而可能出现的不良后果。</p>
                            <p>(4)不得损害甲方利益。</p>
                            <p>9、协议解除与终止</p>
                            <p>(1)甲乙双方均可以提前1个月以书面通知的方式向对方提出解除本协议，1个月期限届满，本协议即行解除。</p>
                            <p>(2)乙方未按甲方要求在每个月25日支付下一个月信息服务费，甲方有权单方解除协议，并终止乙方收益的结算和支付。</p>
                            <p>(3)乙方有下列情形之一，甲方可提出解除本协议：</p>
                            <p>① 违反本协议规定，并造成严重后果。</p>
                            <p>② 达不到甲方业绩考核要求。</p>
                            <p>③ 有违法犯罪或严重损害甲方信誉行为。</p>
                            <p>④ 对甲方有不诚实欺骗行为。</p>
                            <p>⑤ 法律规定的其他情形。</p>
                            <p>(4)有下列情形之一的，本协议的权利义务即行终止：</p>
                            <p>① 本业务类型取消。</p>
                            <p>② 乙方成为无行为能力或限制行为能力人。</p>
                            <p>③ 法律规定的其他应当终止的情形。</p>
                            <p>10、协议终止有关事宜</p>
                            <p>本协议终止后，乙方应立即按照规定与甲方办理交接手续，交回所有物料和相关证明乙方家庭服务师身份的文件和授权，不得再以甲方名义从事相关活动。</p>
                            <p>11、违约责任</p>
                            <p>(1)乙方超出授权范围或在本协议终止后仍以甲方名义进行活动的，由乙方自行承担责任。</p>
                            <p>(2)甲方不履行协议义务或违反协议规定，乙方有权提出解除本协议，给乙方造成损失的，乙方有权要求赔偿损失。</p>
                            <p>(3)乙方违反本协议及甲方与新签业务相关的规定，甲方有权解除本协议。给甲方造成经济损失的，乙方应承担赔偿损失的责任。</p>
                            <p>12、竞业禁止条款</p>
                            <p>乙方不得在合作存续期间从事或者和甲方业务有竞争关系的相关业务。违背本竞业禁止条款的，甲方有权收回所有已经支付的佣金，因乙方的竞业禁止行为给甲方造成损失的，甲方有索赔权利。</p>
                            <p>13、其他</p>
                            <p>(1)甲方针对家庭服务师模式制定颁布的相关规章制度作为本协议的组成部分，具有同等效力。</p>
                            <p>(2)甲乙双方就本协议发生争议，应及时协商解决。协商不成时，双方均可向甲方所在地有管辖权的人民法院提起诉讼。</p>
                            <p>(3)本协议自双方签订之日起生效，有效期为一年，当家庭服务师继续为顾客和会员提供服务、且继续缴纳月信息费的则继续无限期延长。</p>
                        </div>
                    </cube-scroll>
                </div>
                <cube-button :primary="true" class="agreement-btnAgreement" @click="btnAgree">同意</cube-button>
            </div>

            <div class="family-container" v-else-if="showType === 1">
                    <ul>
                        <li class="family-listLi"><span class="family-listLiLeft">姓名：</span><input type="text" v-model="params.realName" placeholder="请输入您的姓名" class="family-listInput"></li>
                        <li class="family-listLi"><span class="family-listLiLeft">电话：</span><input type="number" v-model="params.mobile" placeholder="请输入您的电话" class="family-listInput"></li>
                        <li class="family-listLi">
                                <span class="family-listLiLeft">小区住址：</span>
                                <div class="family-housingEstateBox" @click="showAddress" v-if="fullAddress">
                                    <div class="family-houseEstate">{{housingEstate}}</div>
                                    <div class="family-fullAddress">{{fullAddress}}</div>
                                </div>
                                <div class="family-housingEstate" @click="showAddress" v-else>{{housingEstate}}</div>
                            </li>
                        <li class="family-listLi"><span class="family-listLiLeft">详细住址：</span><input type="text" v-model="address" placeholder="请输入您的详细住址" class="family-listInput"></li>
                        <!-- <li class="family-listLi"><span class="family-listLiLeft">采买超市：</span><input type="text" v-model="supermarketName" placeholder="选择地址决定超市" readonly class="family-listInput" @click="getSupermarket()"></li> -->
                    </ul>
                    <div class="family-card">
                        <h3 class="family-cardH3">身份证正面</h3>
                        <h5 class="family-cardH5">在有效期内，字迹清晰，没有遮挡、涂抹</h5>
                        <div id="idcard1" class="family-idcard">
                            <img :src="idcardFront" v-if="idcardFront" class="family-idcardImg">
                            <input class="family-idcardInput" @change="showIdCardFront($event)" ref="idcardFrontFile" type="file"
                                accept="image/*" capture="camera">
                        </div>
                    </div>
                    <div class="family-card">
                        <h3 class="family-cardH3">银行卡正面</h3>
                        <h5 class="family-cardH5">字迹清晰，没有遮挡、涂抹</h5>
                        <div id="idcard2" class="family-idcard">
                            <img :src="idcardBack" v-if="idcardBack" class="family-idcardImg">
                            <input class="family-idcardInput" @change="showIdCardBack($event)" ref="idcardBackFile" type="file"
                                accept="image/*" capture="camera">
                        </div>
                    </div>
                    <cube-button :primary="true" :disabled="btnDisabled" class="family-submit" @click="sumbit()"><cube-loading v-if="btnDisabled"></cube-loading>提交审核</cube-button>
            </div>

            <choice-address :isaddress="showAdd" @change="changeShow" @choice="setHouseEstate"></choice-address>

            <cube-popup type="my-popup" ref="agreementBox">
                <div class="agreement-Box">
                    <div class="agreement-headerTitle">家庭服务师细则</div>
                    <div class="agreement-contentBox">
                        <cube-scroll
                            ref="scroll" :data="items" :options="options">
                            <p v-for="html in items">{{html.text}}</p>
                        </cube-scroll>
                    </div>
                    <div class="agreement-btnBox">
                        <div class="agreement-btn agreement-btnAgree" @click="btnOk">确定</div>
                    </div>
                </div>
            </cube-popup>
        </div>
    </div>
    <script src="../js/vue.js"></script>
    <script src="../js/axios.min.js"></script>
    <script src="../js/fetch20190612.js"></script>
    <script src="../js/rem.js"></script>
    <script src="../js/cube-ui/cube.min.js"></script>
    <script src="../js/component/choiceAddress.js"></script>
    <script src="js/member-applyFamily201907041520.js"></script>
</body>
</html>
